<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>WK科技CTB</title>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="./iconfont/iconfont.css" />
    <link rel="stylesheet" href="./ctb/ctb2.css" />
  </head>
  <body>
    <div class="main">
      <!-- --左边导航栏 -->
      <div class="tab">
        <div class="logo">
          <div class="out">
            <img src="./images/logo4.png" alt="" />
          </div>
        </div>
        <div class="chuangjian">
          创建项目
          <i class="iconfont icon-jia"></i>
        </div>
        <div class="gainian1 xialakuang1 la" style="display: none">项目概念</div>
        <div class="renwu1 xialakuang1 la" style="display: none">任务列表</div>
        <div class="chuangjian1 xialakuang1 la" style="display: none">创建任务</div>
        <ul>
          <li class="pan"><i class="iconfont icon-yibiaopan"></i> 仪表盘</li>
          <!-- 我的项目 -->
          <li class="item">
            <i class="iconfont icon-shuxie"></i>
            我的项目
            <i class="iconfont icon-jiantou_liebiaozhankai"></i>
          </li>
          <div class="yy_liebiao xialakuang kapian la" style="display: none">
            项目
          </div>
          <div class="liebiao xialakuang2 la" style="display: none">列表显示</div>
          <div class="renwu2 xialakuang2 la" style="display: none">任务管理</div>
          <div class="wenjian2 xialakuang2 la" style="display: none">文件管理</div>
          <div class="gainian2 xialakuang2 la" style="display: none">概念动态</div>
          <div class="tongji xialakuang2 la" style="display: none">统计</div>
          <!-- 我的任务 -->
          <li class="renwu">
            <i class="iconfont icon-renwu"></i>
            我的任务
            <i class="iconfont icon-jiantou_liebiaozhankai"></i>
          </li>
          <div class="yy_renwu xialakuang5 la" style="display: none">
            任务
          </div>
          <div class="bianji xialakuang3 la" style="display: none">编辑任务</div>
          <!-- 报表管理 -->
          <li class="baobiao">
            <i class="iconfont icon-baobiao"></i>
            报表管理
            <i class="iconfont icon-jiantou_liebiaozhankai"></i>
          </li>
          <div class="yy_baobiao xialakuang2 la" style="display: none">报表</div>

          <div class="fenbu xialakuang4 la" style="display: none">任务分布</div>
          <div class="jinzhan xialakuang4 la" style="display: none">任务进展</div>
          <!-- 系统设置 -->
          <li class="xitong">
            <i class="iconfont icon-xitongshezhi"></i>
            系统设置
            <i class="iconfont icon-jiantou_liebiaozhankai"></i>
          </li>
          <div class="xiaoxi xialakuang5 la" style="display: none">消息管理</div>
          <div class="rizhi xialakuang5 la" style="display: none">日志管理</div>
        </ul>
      </div>
      <!-- 右边模块 -->
      <div class="right">
        <div class="header">
          <i class="iconfont icon-liebiao2"></i>
          <i class="iconfont icon-Magnifier"></i>
          <i class="iconfont icon-xiaoxi"></i>
        </div>
        <div class="big-content">
          <!-- 内容 -->
          <div class="content">
            <div class="content_hd">
              <div class="first">XX服务项目</div>
              <div class="fangan">方案设计</div>
              <div class="first">在这里收集产品提案</div>
            </div>
            <!-- 主体 -->
            <div class="content_bd">
              <div class="bd_left">
                <form action="">
                  标题：<input class="biaoti" type="text" placeholder="给任务取一个名字" /> 起止日期：<input class="riqi" type="text" /> 任务备注：<textarea
                    name=""
                    id="gzmb"
                    cols="30"
                    rows="10"
                  ></textarea>
                  优先级：<select name="" id="xuanze">
                    <option value="">普通</option>
                    <option value="">中等</option>
                    <option value="">优秀</option>
                  </select>
                  <div class="jia">
                    子任务:
                    <div class="jiakuan">+添加子任务</div>
                  </div>
                  <div class="xiangguan">
                    相关内容：
                    <div class="xg_btn">
                        +添加资源
                    </div>
                  </div>
                </form>
                <div class="dibu">
                    <span class="baocun">保存</span>
                    <span class="quxiao">取消</span>
                </div>
              </div>
              <div class="bd_right">
                <div class="right_header">动态</div>
                <div class="pinglun">
                  <ul>
                    <li>
                      <div class="pic"></div>
                      <div class="pinglun_right">
                        <p>更新了<span>任务文件</span></p>
                        <p class="timer">刚刚</p>
                      </div>
                    </li>
                  </ul>
                </div>
                <!-- 发布 -->
                <textarea name="" id="dtfabu" cols="30" rows="10" placeholder="@提及他人，按住Enter键发布"></textarea>
                <button class="button">发布</button>
              </div>
            </div>
          </div>
          <div class="scorll"></div>
        </div>
      </div>
    </div>
    <script src="./ctb/ctb.js"></script>
    <script src="./dianji.js"></script>

  </body>
</html>
